<div class="wrapper-md ng-scope">
    <div class="row">
  <!--这是一个基本的面板-->
      <div class="panel panel-default">
        <tabset class="tab-container" >
  
          <tab heading="枫叶·食" active="status.active" ng-click="cancel()">
            <div class="panel-body">
              <table id ="treetable" class="table table-striped table-bordered table-condensed tree_table" style="display: none;">
                <thead>
                  <tr>
                    <th style="width: 15%;text-align:center;">场所名称</th>
                    <th style="width: 4%;text-align:center;">类别类型</th>
                    <th style="width: 5%;text-align:center;">排序</th>
                    <th style="width: 5%;text-align:center;">创建账号</th>
                    <th style="width: 8%;text-align:center;">操作</th>
                  </tr>
                </thead>
                <tbody>
                  <tr ng-repeat="area in area_list" id="{{area.id}}" pid="{{area.parent_id}}" sort={{area.sort}} foodload>
                    <td style="padding: 8px 5px"><a href ng-click="update(area)" style="color:#2fa4e7">{{area.name}}</a></td>
                    <td style="text-align:center;">
                        <p ng-if="area.type == 'J'">景区</p>
                        <p ng-if="area.type == 'M'">商户</p>
                        <p ng-if="area.type == 'T'">交通</p>
                        <p ng-if="area.type == 'H'">酒店</p>
                        <p ng-if="area.type == 'S'">商场</p>
                    </td>
                    <td style="text-align:center;">{{area.sort}}</td>
                    <td style="text-align:center;">{{area.create_by}}</td>
                    <td style="padding: 8px 5px" align="center">
                      <button type="button" class="btn btn-info btn-xs" ng-click="add(area)">添加下级</button>
                      <button type="button" class="btn btn-info btn-xs" ng-click="update(area)">修改</button>
                      <button type="button" class="btn btn-danger btn-xs" ng-click="delete(area.id)">删除</button>
                      <button type="button" class="btn btn-success btn-xs" ng-if = "area.subordinate == 0"ng-click="addplace(area.id)">添加场所</button>
                    </td>
                  </tr>
                </tbody>
              </table>
            </div>
          </tab>

            <tab heading="灵紫·购" active="statuscloth.active" ng-click="cancelcloth()">
                <div class="panel-body">
                  <table id ="treetable1" class="table table-striped table-bordered table-condensed tree_table" style="display: none;">
                    <thead>
                      <tr>
                        <th style="width: 15%;text-align:center;">类别名称</th>
                        <th style="width: 4%;text-align:center;">类别类型</th>
                        <th style="width: 5%;text-align:center;">排序</th>
                        <th style="width: 5%;text-align:center;">创建账号</th>
                        <th style="width: 8%;text-align:center;">操作</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr ng-repeat="area in area_list" id="{{area.id}}" pid="{{area.parent_id}}" sort={{area.sort}} clothingload>
                        <td style="padding: 8px 5px"><a href ng-click="update(area)" style="color:#2fa4e7">{{area.name}}</a></td>
                        <td style="text-align:center;">
                            <p ng-if="area.type == 'J'">景区</p>
                            <p ng-if="area.type == 'M'">商户</p>
                            <p ng-if="area.type == 'T'">交通</p>
                            <p ng-if="area.type == 'H'">酒店</p>
                            <p ng-if="area.type == 'S'">商场</p>
                        </td>
                        <td style="text-align:center;">{{area.sort}}</td>
                        <td style="text-align:center;">{{area.create_by}}</td>
                        <td style="padding: 8px 5px" align="center">
                          <button type="button" class="btn btn-info btn-xs" ng-click="add(area)">添加下级</button>
                          <button type="button" class="btn btn-info btn-xs" ng-click="update(area)">修改</button>
                          <button type="button" class="btn btn-danger btn-xs" ng-click="delete(area.id)">删除</button>
                          <button type="button" class="btn btn-success btn-xs" ng-if = "area.subordinate == 0"ng-click="addplace(area.id)">添加场所</button>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
            </tab>
  
            <tab heading="蔚蓝·游" active="statustravel.active" ng-click="canceltravel()">
                <div class="panel-body">
                  <table id ="treetable2" class="table table-striped table-bordered table-condensed tree_table" style="display: none;">
                    <thead>
                      <tr>
                        <th style="width: 15%;text-align:center;">类别名称</th>
                        <th style="width: 4%;text-align:center;">类别类型</th>
                        <th style="width: 5%;text-align:center;">排序</th>
                        <th style="width: 5%;text-align:center;">创建账号</th>
                        <th style="width: 8%;text-align:center;">操作</th>
                      </tr>
                    </thead>
                    <tbody>
                      <tr ng-repeat="area in area_list" id="{{area.id}}" pid="{{area.parent_id}}" sort={{area.sort}} liveload>
                        <td style="padding: 8px 5px"><a href ng-click="update(area)" style="color:#2fa4e7">{{area.name}}</a></td>
                        <td style="text-align:center;">
                            <p ng-if="area.type == 'J'">景区</p>
                            <p ng-if="area.type == 'M'">商户</p>
                            <p ng-if="area.type == 'T'">交通</p>
                            <p ng-if="area.type == 'H'">酒店</p>
                            <p ng-if="area.type == 'S'">商场</p>
                        </td>
                        <td style="text-align:center;">{{area.sort}}</td>
                        <td style="text-align:center;">{{area.create_by}}</td>
                        <td style="padding: 8px 5px" align="center">
                          <button type="button" class="btn btn-info btn-xs" ng-click="add(area)">添加下级</button>
                          <button type="button" class="btn btn-info btn-xs" ng-click="update(area)">修改</button>
                          <button type="button" class="btn btn-danger btn-xs" ng-click="delete(area.id)">删除</button>
                          <button type="button" class="btn btn-success btn-xs" ng-if = "area.subordinate == 0"ng-click="addplace(area.id)">添加场所</button>
                        </td>
                      </tr>
                    </tbody>
                  </table>
                </div>
            </tab>

            <tab heading="郁金·住" active="statuslive.active" ng-click="cancellive()">
                <div class="panel-body">
                    <table id ="treetable3" class="table table-striped table-bordered table-condensed tree_table" style="display: none;">
                    <thead>
                        <tr>
                        <th style="width: 15%;text-align:center;">类别名称</th>
                        <th style="width: 4%;text-align:center;">类别类型</th>
                        <th style="width: 5%;text-align:center;">排序</th>
                        <th style="width: 5%;text-align:center;">创建账号</th>
                        <th style="width: 8%;text-align:center;">操作</th>
                        </tr>
                    </thead>
                    <tbody>
                        <tr ng-repeat="area in area_list" id="{{area.id}}" pid="{{area.parent_id}}" sort={{area.sort}} travelload>
                        <td style="padding: 8px 5px"><a href ng-click="update(area)" style="color:#2fa4e7">{{area.name}}</a></td>
                        <td style="text-align:center;">
                            <p ng-if="area.type == 'J'">景区</p>
                            <p ng-if="area.type == 'M'">商户</p>
                            <p ng-if="area.type == 'T'">交通</p>
                            <p ng-if="area.type == 'H'">酒店</p>
                            <p ng-if="area.type == 'S'">商场</p>
                        </td>
                        <td style="text-align:center;">{{area.sort}}</td>
                        <td style="text-align:center;">{{area.create_by}}</td>
                        <td style="padding: 8px 5px" align="center">
                            <button type="button" class="btn btn-info btn-xs" ng-click="add(area)">添加下级</button>
                            <button type="button" class="btn btn-info btn-xs" ng-click="update(area)">修改</button>
                            <button type="button" class="btn btn-danger btn-xs" ng-click="delete(area.id)">删除</button>
                            <button type="button" class="btn btn-success btn-xs" ng-if = "area.subordinate == 0"ng-click="addplace(area.id)">添加场所</button>
                        </td>
                        </tr>
                    </tbody>
                    </table>
                </div>
            </tab>
            <tab heading="竹绿·行" ng-click="cancelfoot()">
                <div class="panel-body">
                    <div class="form-group col-sm-6">
                        <label class="col-sm-2 col-xs-12 control-label">低碳公交</label>
                        <textarea cols="60" rows="12" class="" ng-model="trafficinfo.traffic_bus_info" ng-disabled="busflag == true"></textarea>
                        <button type="button" class="btn btn-info btn-xs" ng-if="busflag == true" ng-click="editbus()">编辑</button>
                        <button type="button" class="btn btn-success btn-xs" ng-if="busflag == false" ng-click="savebus()">保存</button>
                        
                    </div>
                    <div class="form-group col-sm-6">
                        <label class="col-sm-2 col-xs-12 control-label">便捷出租</label>
                        <textarea cols="60" rows="12" class="" ng-model="trafficinfo.traffic_taxi_info" ng-disabled="taxiflag == true"></textarea>
                        <button type="button" class="btn btn-info btn-xs"  ng-if="taxiflag == true" ng-click="edittaxi()">编辑</button>
                        <button type="button" class="btn btn-success btn-xs" ng-if="taxiflag == false" ng-click="savetaxi()">保存</button>
                    </div>
                    <div class="form-group col-sm-6">
                        <label class="col-sm-2 col-xs-12 control-label">自由租车</label>
                        <textarea cols="60" rows="12" class="" ng-model="trafficinfo.traffic_car_rental_info" ng-disabled="rentalflag == true"></textarea>
                        <button type="button" class="btn btn-info btn-xs"  ng-if="rentalflag == true" ng-click="editrental()">编辑</button>
                        <button type="button" class="btn btn-success btn-xs" ng-if="rentalflag == false" ng-click="saverental()">保存</button>
                    </div>
                    <div class="form-group col-sm-6">
                        <label class="col-sm-2 col-xs-12 control-label">共享单车</label>
                        <textarea cols="60" rows="12" class="" ng-model="trafficinfo.traffic_bicycle_sharing_info" ng-disabled="bikeflag == true"></textarea>
                        <button type="button" class="btn btn-info btn-xs"  ng-if="bikeflag == true" ng-click="editbike()">编辑</button>
                        <button type="button" class="btn btn-success btn-xs" ng-if="bikeflag == false" ng-click="savebike()">保存</button>
                    </div> 
                    <div class="form-group col-sm-2">
                        <label class="control-label">租赁公司里列表</label>
                        <button type="button" class="btn btn-info btn-xs"  ng-click="createrental()">创建</button>
                    </div>
                    <table id ="table4" class="table table-condensed table-hover table-bordered">
                        <thead>
                            <tr>
                                <th class="col-md-3 text-center">租赁公司名称</th>
                                <th class="col-md-2 text-center">租赁公司地址</th>
                                <th class="col-md-2 text-center">创建时间</th>
                                <th class="col-md-2 text-center">状态</th>
                                <th class="col-md-3 text-center">操作</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr ng-repeat="obj in objs">
                                <td class="text-center">{{obj.name}}</td>
                                <td class="text-center">{{obj.address}}</td>
                                <td class="text-center">{{obj.create_time}}</td>
                                <td class="text-center">
                                  <p ng-if="obj.state == '0'">已停用</p>
                                  <p ng-if="obj.state == '1'">已启用</p>
                                </td>
                                <td class="text-center">
                                    <a ng-click="edit(obj.id, obj.type, obj.code)" class="btn btn-success btn-xs">编辑</a>
                                    <a ng-click="deleterental(obj.id)" class="btn btn-danger btn-xs">删除</a>
                                    <a ng-click="useOrNoUse(obj.id, obj.state)" ng-if="obj.state == '1'" class="btn btn-warning btn-xs" style="background-color:blueviolet">停用</a>
                                    <a ng-click="useOrNoUse(obj.id, obj.state)" ng-if="obj.state == '0'" class="btn btn-warning btn-xs">启用</a>
                                </td>
                            </tr>
                        </tbody>
                    </table>
            
            
                    <div class="text-right">
                        <pagination total-items="bigTotalItems" ng-model="bigCurrentPage" ng-change="getlist(bigCurrentPage)" previous-text="上一页" next-text="下一页"
                        first-text="首页" last-text="尾页" max-size="maxSize" boundary-links="true" rotate="false" items-per-page="itemsPerPage"
                        class="m-t-none m-b">
                    </pagination>
            
                    </div>

                </div>    
            </tab>

           
  
        </tabset>
      </div>
    </div>
  </div>
  
  
  